*{
  padding: 0;
  margin: 0;
  font-size: 25px;
}

main{
  border: 1px solid red;
  overflow:hidden;
  //聊天展示
  .message_box{
    height: 50vh;
    overflow-x:hidden;
    overflow-y:scroll;
    scrollbar-width: none;
    background: #f5f5f5;
    padding: 20px;
    border: 1px solid #000000;
    .header_img{
      width: 50px;
      height: 50px;
      border: 1px solid #0C0C0C;
      border-radius: 50%;
    }
    .left{
      width: 55vw;
      display: flex;
      float: left;
      margin-bottom: 20px;
      .content_left{
        margin-left: 15px;
        background: #56caff;
        border-radius: 20px;
        p{
          padding: 10px;
          text-align: left;
        }
        img{
          max-width: 25vw;
        }
      }
    }
    .right{
      width: 55vw;
      display: flex;
      float: right;
      justify-content: flex-end;
      margin-bottom: 20px;
      .content_right{
        margin-right: 15px;
        background: #56cf44;
        border-radius: 20px;
        p{
          padding: 10px;
          text-align: right;
        }
        img{
          max-width: 25vw;
        }
      }

    }
  }
}

.import_box{
  border: 1px solid #000000;
  padding: 20px;
  #string{
    display: flex;
    justify-content: space-around;
    align-items: center;
    a{
      padding: 5px 15px;
      font-size: 40px;
      border: 1px solid #000000;
      border-radius: 50%;
    }
    textarea{
      padding: 10px;
    }
  }
  #file_box{
    display: flex;
    justify-content: space-around;
    align-items: center;
    a{
      padding: 5px 8px;
      font-size: 40px;
      border: 1px solid #000000;
      border-radius: 50%;
    }
  }
}